<template>
    <div>
        <!-- <input type="text" :value="title" @input="changeInput($event)"> -->
        <!-- <div contenteditable="true" style="border:1px solid #000;" @input="changeInput"></div> -->
        <label>
            <input type="checkbox" :checked="checked" @click="changeInput">啊啊啊
        </label>
        <p>{{checked}}</p>
        <p>{{name}}</p>
    </div>
</template>

<script>


export default {
    model:{
        prop:'checked',
        event:'input'
    },
    props:{
        value:{

        },
        checked:{

        },
        name:{

        }
    },
    data() {
        return {
            
        }
    },
    methods: {
        changeInput(e){
            this.$emit("input",e.target.checked)
        }
    },
}
</script>

<style lang="scss" scoped>

</style>